<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Home banner</title>
<script src="../../../assets/js/jquery-1.4.4.min.js"></script>
<link rel="stylesheet" href="../../../assets/third_party/nivoslider/nivo-slider.css" type="text/css" media="screen" />
<script src="../../../assets/third_party/nivoslider/jquery.nivo.slider.pack.js"></script>
</head>
<style>
body {
	color: #010101;
	font-family: Arial;
	font-size: 12px;
}
.container {
	width:1000px;
	height:500px;
	margin:auto;
	background-color:#ddd;
}
</style>

<body>
<div class="container hook_home_banner"> 
  <!--HMENU WIDGET [slug:home_banner, library:0, widget instance:1]-->
  <div id="wi_1" class="home_banner_0"> 
    <!--Load css of widget-->
    <link rel="stylesheet" type="text/css" href="home_banner_0.css" />
    <link rel="stylesheet" href="nivo-custom.css" type="text/css" media="screen" />
    <script type="text/javascript">
        $(document).ready(function() {
            $('#slider').nivoSlider({
                pauseTime:7000
            });
        });
    </script>
    <div id="slider" class="nivoSlider"> 
    	<a href="#"><img src="banner1.jpg" alt="" title="" /></a> 
        <a href="#"><img src="banner2.jpg" alt="" title="" /></a>
    </div>
  </div>
  <!--END HMENU WIDGET--> 
</div>
</body>
</html>